<template>
  <div class="ConAndSerContainer">
    <div class="ConAndSerItem"><card_c :title="msg.title1" /></div>
    <div class="ConAndSerItem">
      <card_c :title="msg.title2"> </card_c>
    </div>
  </div>
</template>

<script setup lang="ts">
import { i18nt } from "@/i18n";
import card_c from "@/components/cards/card_c.vue";

const msg = i18nt.value.constantsOne.twoCard;
</script>

<style scoped lang="scss">
.ConAndSerContainer {
  @include relative_hw(744px, 100%);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-shrink: 0;

  .ConAndSerItem {
    @include rel_cen_hw(100%, 726px);
  }
}
</style>
